草庐IT

HTML 布局

全部标签

javascript - React HTML 编辑器 (TinyMce)

我一直在寻找用于React的HTML编辑器,但因为我找不到任何可以正常工作的东西(我只需要格式化文本h1、h2、h3、p、粗体和图像[在base64中])最后我决定使用TinyMce,效果很好。但只有当页面第一次打开时。如果我再次进入该页面。如果没有浏览器relaod,则tinymce不会被初始化。你知道在这种情况下会触发什么react事件吗?到目前为止,这是我的小wrapper:/**@jsxReact.DOM*/varReact=require('react');varTinyMceEditor=React.createClass({componentDidMount:functi

javascript - 防止 Jade 在 HTML 元素中添加赋值子句

我想在Angular2应用程序的输入标签中定义一个局部变量:input(#sometext)button((click)="addTechnology(sometext.value)")Add我期望的输出是:Add但是实际输出是(注意附加的="#sometext"):Add这样,Angular2会抛出以下错误,很可能是因为="#sometext":CannotfinddirectivewithexportAs='#sometext'Error:CannotfinddirectivewithexportAs='#sometext'atnewBaseException(https://co

javascript - 将 NodeList 附加到 HTML 元素

我有以下字符串:varsonglist='MamaTriedBlueEyesCryingIntheRain';我正在通过这个自定义函数将其转换为NodeList:vartoDom=function(str){vartmp=document.createElement("div");tmp.innerHTML=str;returntmp.childNodes;};console.log(toDom(songlist))输出NodeList[,],您可以浏览开发工具。当我尝试将集合附加到节点时...document.getElementById("app-data").appendChil

javascript - 在 html 页面上更改鼠标光标

我需要一种在html页面上更改鼠标光标的方法。我知道这可以用css来完成,但我需要能够在运行时更改它,例如在页面上有按钮,当它们被单击时,它们会将光标更改为特定的自定义图形。我认为最好的(或唯一的?)方法是通过javascript?我希望有一种方法可以很好地完成这项工作,并且适用于所有主流浏览器。如果有人可以帮助我,我将不胜感激。提前致谢 最佳答案 感谢您的回复。我终于让它工作了。这是我的做法:functionchangeToCursor1(){document.body.style.cursor="url('cursor1.ani

javascript - 如何改变 HTML canvas 中的线条粗细?

我这里有一个例子http://jsfiddle.net/8NzjH/我正在尝试绘制一条粗的中间线,如下所示:varcontext=canvas.getContext("2d");context.strokeStyle='#000000';context.fillStyle='#000000';context.moveTo(10,10);context.lineTo(50,10);context.save();context.lineWidth=15;context.moveTo(10,30);context.lineTo(50,30);context.restore();context

javascript - D3 圆包布局中嵌套圆的工具提示

我在这里敲我的头。我想在ZoomablePackLayout等结构中显示叶节点的工具提示.叶节点是棕色的。如果我使用工具提示的标准代码:vis.selectAll("circle").data(nodes).enter().append("svg:circle").attr("class",function(d){returnd.children?"parent":"child";}).attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",function(d){returnd.r;

javascript - 如何判断是 "html"还是 "body"滚动窗口

下面的代码用于通过javascript查找可以滚动的元素(body或html)。varscrollElement=(function(tags){varel,$el,init;//iteratethroughthetags...while(el=tags.pop()){$el=$(el);//ifthescrollTopvalueisalready>0thenthiselementwillworkif($el.scrollTop()>0){return$el;}//ifscrollTopis0trytoscroll.elseif($el.scrollTop(1).scrollTop()

javascript - 是否有用于 backbone.js 等的用于 javascript 的现代/轻量级布局库?

我在中断后回到WebUI,并希望使用backbone.js(或batman.js,如果它曾经desublimates)、node.js、通过now.js等通信创建一个现代的单页javascript应用程序-但我的问题是我该如何布置呢?CSS不是这种情况的最佳选择,而且我相信css固定定位在iPad上不起作用(css布局毁了我的灵魂)。理想情况下,该库适用于桌面和移动布局,但这并不是严格的要求,因为似乎有些库可以很好地处理移动布局。我只关心支持现代浏览器(webkit和FF),并希望对所有内容使用css3动画和渲染,而不是遗留动画和圆Angular技巧。我也不关心使用旧浏览器或禁用js的

javascript - 同位素 fitColumns 布局导致容器变为空白

参见http://jsfiddle.net/cUcFd/5/--请注意,如果您将layoutMode更改为“masonry”或“fitRows”,它会正常工作。但是对于“fitColumns”,它只是空白,所有block都消失了。为了fitColumns模式的工作,似乎有关于在容器和项目上设置什么样式的要求,但我找不到关于它们是什么的任何文档。 最佳答案 为什么它不起作用fitColumns是一种“水平布局”,因此它旨在向侧面移动而不是上下移动-类似于横向卷轴游戏。考虑到他们的设计,水平布局需要一个高度属性,如下所示:http://

javascript - AngularJS 过滤器将 html 作为字符串返回

我已经创建了一个AngularJS过滤器来自动从数据中找到的地址创建可点击的链接。过滤器:app.filter('parseUrl',function(){var//URLsstartingwithhttp://,https://,orftp://replacePattern1=/(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim,//URLsstartingwith"www."(without//beforeit,orit'dre-linktheonesdoneabove).replaceP